<template>
  <div style="display: flex;background-color: #f1f1f1;">

    <div>
      <div style="padding:2px 10px 10px 10px;display: flex;">
        <el-card class="box-card">
          <div style="display: flex;">
            <div class="card_inner_text">
              <div>逾期未整改</div>
              <div>0</div>
            </div>
            <img src="~assets/look1.png" width="40px" />
          </div>
        </el-card>
        <el-card class="box-card">
          <div style="display: flex;">
            <div class="card_inner_text">
              <div>逾期未整改</div>
              <div>0</div>
            </div>
            <img src="~assets/look1.png" width="40px" />
          </div>
        </el-card>
        <el-card class="box-card">
          <div style="display: flex;">
            <div class="card_inner_text">
              <div>逾期未整改</div>
              <div>0</div>
            </div>
            <img src="~assets/look1.png" width="40px" />
          </div>
        </el-card>
        <el-card class="box-card" style="margin-right: 0px;">
          <div style="display: flex;">
            <div class="card_inner_text">
              <div>逾期未整改</div>
              <div>0</div>
            </div>
            <img src="~assets/look1.png" width="40px" />
          </div>
        </el-card>
      </div>

      <div style="padding: 0px 10px 10px 10px;">
        <el-card>
          <div ref="echarts1" style="height: 350px;">
          </div>
        </el-card>
      </div>

      <div style="padding: 0px 10px 10px 10px;">
        <el-card>
          <div ref="echarts2" style="height: 350px;">
          </div>
        </el-card>
      </div>

    </div>

    <div>

    </div>

  </div>
</template>
<script>
import pieOption1 from './charts/pie1';

export default {
  mounted() {
    setTimeout(() => {
      const myChart1 = this.$echarts.init(this.$refs.echarts1);
      console.log('pieOption1', pieOption1);
      myChart1.setOption(pieOption1);

      const myChart2 = this.$echarts.init(this.$refs.echarts2);
      console.log('pieOption1', pieOption1);
      myChart2.setOption(pieOption1);
    }, 300);
  },
};
</script>
<style scoped>
.box-card {
  margin-left: 0px;
  margin-top: 10px;
  margin-right: 10px;
  flex: 1;
}
.card_inner_text {
  margin-right: 15px;
}
</style>
